
<!DOCTYPE html>
<html>
<head>
    <title>统一身份认证平台</title>
    <meta charset="UTF-8">
    <p id="logo">&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;<img src="https://ids.xidian.edu.cn/authserver/xidianNewThemecs0129/customStatic/web/images/dzlogo.png" width="400" height="63"></p>
        <style>   
      input[type="user"]{
        appearance: none;
        border-color: #57575700;
        position: absolute;
                top: 91px;
                left: 30px;
                border: 1px solid #c7c7c5;
                padding: 20px; 
                width: 300px;
                height: 6px;   
	            border-radius:2px; 
      }
      input[type="pass"]{
        appearance: none;
        border-color: #57575700;
        position: absolute;
                top: 138px;
                left: 30px;
                border: 1px solid #c7c7c5;
                padding: 20px; 
                width: 300px;
                height: 6px;   
	             border-radius:2px; 
      }
      button[type="b1"]{
        appearance: none;
        position: absolute;
        color: rgb(255, 255, 255);
                font-size: 18px;
                background-color: #132fff;
                border: 1px solid #132fff;
                top:265px;
                left: 170px;
      }
             #logo {
                 position: absolute;
                 top: -10px;
                 left:13px;
                 background-color: rgba(255, 255, 255, 0); 
              } 
              #choice {
                 position: absolute;
                 top: 25px;
                 left: 1030px;
                 border-color: rgba(151, 151, 151, 0.094);
                 background-color: rgb(255, 255, 255);
                 width: 90px;
                 box-shadow: -2px 4px rgba(130, 129, 129, 0.075);
                 height: 23px;  
              }
              #T {
                 position: absolute;
                 top: 10px;
                 left: 720px;
              }

            l1{
               position: absolute;
               font-size: 14px;
               color: #000000;
              }
            #B {
                 position: absolute;
                 top: 60px;
                 left: 0px;
                 width: 440px;
                 height: 470px;  
              }
              #a1 {
                 position: absolute;
                 top: 110px;
                 left: 692px;
                 background-color: rgb(255, 255, 255);
                 width: 410px;
                 height: 480px;  
              } 
              #a2 {
                 position: absolute;
                 top: 90px;
                 left: 672px;
                 background-color: rgba(255, 255, 255, 0.646);
                 width: 450px;
                 height: 520px;  
	             border-radius:4px;
              } 

            #a3{
                position: absolute;
                top: 173px;
                left: 35px;
                border: 1.4px solid #c7c7c5;
                padding: 2px; 
                width: 9px;
                height: 9px;  
                border-radius:4px;    
            }
            #a4{
                position: absolute;
                top: 235px;
                left: 40px;
                border: 1.4px solid #132fff;
                background-color: #2f00ff;
                padding: 2px; 
                width: 310px;
                height: 45px; 
                border-radius:3px;    
            }
               #a5 {
                 position: absolute;
                 top: 45px;
                 left:40px;
                 width: 160px;
                 height: 3px;
                 background-color: rgb(3, 21, 153); 
              }   
              #d {
                 position: absolute;
                 font-size: 14px;
                 top: 650px;
                 left: 90px;
              }
          l2{
            position: absolute;
            color: #132fff;
            font-size: 14px;
            top: 320px;
            left: 232px;
          }
          l3{
            position: absolute;
            font-size: 14px;
            top: 92px;
            left: 40px;
          }
          l4{
            font-size: 14px;
            position: absolute;
            top: 140px;
            left: 40px;
          }
          l5{
            position: absolute;
            font-weight: 700;
            font-size: 14.5px;
            top: 40px;
            left: 86px;
            color: #000000;
          }
          #in1{
            position: absolute;
            font-size: 13.5px;
            color: #575757;
            top: 92px;
            left: 100px;
          }
          #in2{
            position: absolute;
            font-size: 13.5px;
            color: #575757;
            top: 140px;
            left: 100px;
          }
          l6{
            position: absolute;
            top: 185px;
            left: 53px;
          }
          l7{
            position: absolute;
            font-size: 14px;
            color: #575757;
            top: 415px;
            left: 23px;
          }
          l8{
            position: absolute;
            font-size: 14.5px;
            color: #57575799;
            top: 40px;
            left: 250px;
          }
          #ph {
                 position: absolute;
                 top: 420px;
                 left: 0px;
              }
              #n {
                color: #e00303;
                font-weight: 700;
                 position: absolute;
                 top: 620px;
                 left: 90px;
              }
              #q{
                position: absolute;
                top: 620px;
                left: 70px;
              }
            </style>
    </head>
   
<body>
    <p id="T">学校官网|全景VR </p>
  <div id="choice"><l1>&emsp;简体中文 </l1></div>
   <p id="B"><img src="https://ids.xidian.edu.cn/authserver/xidianNewThemecs0129/customStatic/web/images/lbbg2.png" width="1250" height="550" /></p>
   
    <div  id="a2"></div>
    <div id="a1"><p id="a5"></p>
    <l2>账号激活  |  找回密码</l2>
    <l5>账号登录 </l5>
    <l8>验证码登录</l8>

    <p><input type="user" id="out"value="        " onclick="user()"></p>
    <p><input type="pass" value="        " onclick="pass()"></p>
    <l3><img src="https://ids.xidian.edu.cn/authserver/xidianNewThemecs0129/static/web/images/user1.png"/></l3>
    <l4><img src="https://ids.xidian.edu.cn/authserver/xidianNewThemecs0129/static/web/images/pass1.png"/></l4>
    <p id="in1">用户名为学号/工号</p>
    <p id="in2">请输入密码</p>

    <script>
      function user()
      {
        x=document.getElementById("in1"); 
        x.innerHTML="";   
      }
        function pass()
        {
          x=document.getElementById("in2"); 
          x.innerHTML=""; 
        }
        function showNumber() {
      var nam = document.getElementById('out').value;
      alert('你好,'+nam);
    }
    </script>
    <p id="a3"></p>
    <l6>7天免登录</l6>
    <p id="a4"></p>
    <p><button type="b1" onclick="showNumber()">登&emsp;录</button></p>
    <l7>您还可以使用以下方式登录:</l7> 
    <p id="ph"><img src="111.gif"width="410" height="50"></p>
    </div>
    <p id="q"><img src="https://ids.xidian.edu.cn/authserver/xidianNewThemecs0129/customStatic/web/images/dztip.png"></p>
    <p id="n">温馨提示</p><br>
    <p id="d">1.此页面为学校唯一官方认证页面，请各位师生注意甄别，谨防钓鱼页面，保障账号安全。<br>2. 常见登录问题解答
        <br>3.学生登录帐号为学号，例如：18010281234；教职工登录帐号为工资号，例如：640
        <br> 4.建议浏览器：IE10+,谷歌,360极速</p>
        
</body>
</html>
